import axios from 'axios'
export default {
  state: {
    //需要响应式功能的状态数据
    //单个商品的信息
    data: {
      details: {},
      pics:[]
    }, 
  },
  getters: {
    //用于返回state中的数据(处理后的数据)，类似于computed
  },
  mutations: {
    //用于修改state中的数据——必需是同步修改(最新版也可以异步修改)
    initDetails(state, data) {
      state.data.details = data.details
      state.data.pics=data.pics
    },
  },
  actions: {
    // 用于修改state中的数据——可以是异步或同步修改
    getDetails(context) {  
      let pid = location.href.split("?")[1].split("=")[1];
      let url = `/product/details?pid=${pid}`;
      axios.get(url).then((res) => {
        let data = {
          details: res.data.details[0],
          pics:res.data.pics
        } 
        context.commit("initDetails", data);
      });
    },
  },
};
